<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>SUHCK - Sistema Unificado Hospitalar de Controle Kabuloso </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="title" content="Web site" />
        <meta name="description" content="Site description here" />
        <meta name="keywords" content="keywords here" />
        <meta name="language" content="en" />
        <meta name="subject" content="Site subject here" />
        <meta name="robots" content="All" />
        <meta name="copyright" content="Your company" />
        <meta name="abstract" content="Site description here" />
        <meta name="MSSmartTagsPreventParsing" content="true" />
        <link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
        <script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
        <script src="jQueryAssets/jquery-ui-1.9.2.tabs.custom.min.js" type="text/javascript"></script><script src="jQueryAssets/jquery-ui-1.9.2.button.custom.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="js/jquery-ui-1.11.2/jquery-ui.structure.css">
            <link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css" />
            <link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css" />
            <link href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css" />
            <link href="jQueryAssets/jquery.ui.button.min.css" rel="stylesheet" type="text/css" />
    </head>
    <body> 
        <div id="wrapper"> 
            <div id="bg"> 
                <div id="header"></div>  
                <div id="page"> 
                    <div id="container"> 
                        <!-- banner -->  
                        <div id="banner"></div>  
                        <!-- end banner -->  
                        <!-- horizontal navigation -->  
                        <div id="nav1"> 
                            <ul>
                                <li>
                                    <a href="InicioGerente.jsp" shape="rect">Pagina Inicial</a>
                                </li>
                                <li>
                                    <a href="Front?action=listarMedico">Voltar </a>
                                </li>
                                <li> <blockquote></blockquote></li>
                                <li> <blockquote></blockquote></li>
                                <li> <blockquote></blockquote></li>
                                <li> <blockquote></blockquote></li>


                                <li> <blockquote></blockquote></li>
                                <li>
                                    <a href="Front?action=logout">Sair </a>
                                </li>
                            </ul> 
                        </div> 
                        <!-- end horizontal navigation -->  
                        <!--  content -->  
                        <div id="content">
                            <div id="center"> 
                                <div id="welcome"> 
                                    <h2>PAINEL GERENTE - Buscar Medico</h2><br />

                                    <form class="form-search" action="Front?action=buscarMedicoPorCrm" method="POST">
                                        <label>CRM: </label>
                                        <input type="text"   name="crmmedico" size="30"/>
                                        <input type="submit" class="btn" value="Pesquisar"/>
                                    </form>
                                    <br/>
                                    <form class="form-search" action="Front?action=buscarMedicoPorEsp" method="POST">
                                        <label>Especialidade: </label>
                                        <input type="text"   name="especialidade" size="30"/>
                                        <input type="submit" class="btn" value="Pesquisar"/>
                                    </form>


                                    <br />



                                    <h3>Lista de Medicos</h3>
                                    <table width="500" border="1">
                                        <tr>
                                            <th scope="col">Nome</th>
                                            <th scope="col">Telefone</th>
                                            <th scope="col">Especialidade</th>
                                            <th scope="col">CRM</th>
                                            <th scope="col">Editar</th>
                                            <th scope="col">Deletar</th>
                                        </tr>

                                        <c:forEach items="${medicos}" var="medico">
                                            <tr>
                                                <td>${medico.nome}</td>
                                                <td>${medico.telefone}</td>
                                                <td>${medico.especialidade}</td>
                                                <td>${medico.crm}</td>
                                                <td><a href="Front?action=buscarMedico&id=${medico.id}">Editar</a></td>
                                                <td><a href="Front?action=removerMedico&id=${medico.id}">Deletar</a></td>
                                            </tr>
                                        </c:forEach>            
                                    </table>


                                </div>
                            </div>
                        </div>
                        <div class="clear" style="height:40px"></div> 
                    </div>  
                    <!-- end content --> 
                </div>  
                <!-- end container --> 
            </div>  
            <div id="footerWrapper"> 
                <div id="footer"> 
                    <p style="padding-top:10px"> 
                    </p> 
                </div> 
            </div> 
        </div> 
        </div>
        <script type="text/javascript">
            $(function () {
                $("#Button1").button();
            });
            $(function () {
                $("#Tabs1").tabs({
                    heightStyle: "content"
                });
            });
            $(function () {
                $("#Checkboxes1").buttonset();
            });
        </script>
    </body>
</html>
